
.normal {
}
.allContent{
  width:100%;
  font-family: Helvetica,"PingFang SC" ! important;

  min-height:600px;
  font-size:16px;
  display: flex;
  background: white;
  justify-content: center;
}
.contentFlex{
  width:86%;
  background: #f5f5f5;
  height:auto;
}
/*.topHeader{*/
  /*display: flex;flex-direction: column;*/
  /*height:auto;justify-content: flex-start;*/
/*}*/
.logoImg{
  height: 3em;
  width: 3.5em;
}
.courseHead{
  font-family: SimHei;
  font-weight: bolder;width: 25%;
}
.topHeader{
  display: flex;
  height:auto;justify-content: flex-start;
  border-bottom:1px solid #bbbbbb;background: white;
}
.headerLeft{
  display: flex;align-items: center;justify-content: flex-start;
  width:80%;

}
.headerRight{
  display: flex;align-items: center;justify-content: space-around;
  width:20%; font-family: SimHei;
  font-size: 0.85em;
}
.searchInput{
  border:1px solid #108ee9; height:20px;
}
.searchIconBac{
  background: #108ee9;
  display: flex;
  justify-content: center;align-items: center;
  height:23.5px;
  width:21px;

}
.searchIconBac:hover
{
  background-color:#3aabff;
  opacity:0.8;
}
.searchIconBac:active  {background: #108ee9;}
.searchIcon{
  height:21px;
  width:20px;
}
.avateIcon{
  width:18px;
  height:18px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  border:2px solid #108ee9;
  display: none;
}
.typeHeader{
  background: white;
  display: flex;flex-direction:column;
  justify-content: space-around;
  height:60px;

}
.arrowText{
  display: flex;
  height:30px;
  margin-top:8px;

}
.arrowContent{
  display: flex;align-items: center;height:18px;text-align: center;
}
.arrowRightText{
  width:110%;font-family: SimHei;
  color: #434343;
}
.arrowRight{
  height:15px;
  width:15px;
}
.typeTextBottom{
  display: flex;
  width:50%;

  height:30px;

}
.typeNametext{
  width:46%;text-align: center;
  font-family: SimHei;padding-top:3px;

  color: #434343;
}
.typeTitle{
  width:46%;text-align: center;
  color: #434343;
  font-weight:bolder;
}
.typeNametextCli{
  width:46%;
  background: #108ee9;text-align: center;
  color: white;font-weight:bolder;font-family: SimHei;
  padding-top:3px;
}
.courseContent{
  background: white;
  margin-top:8px;
  min-height:438px;
  width:100%;
}
.contentMar{
  /*margin-top:8px;*/
  width:100%;
  /*border:1px solid red;*/
}
.courseFlex_start{
  width:100%;
  display: flex;
  flex-direction:row;
}
.courseShowContent{
  width:100%;

  display: flex;
  flex-wrap: wrap;
  /*flex-direction:column;*/
  justify-content: flex-start;align-items: center;
}

/*.courseShowContent :hover{*/
  /*width:100%;*/
  /*transform: scale(1.05);*/
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*!*flex-direction:column;*!*/
  /*justify-content: flex-start;align-items: center;*/
/*}*/

.courseImg{
  height:67%;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;;
  width:100%;
  background: white;
}
/*.courseImg :hover{*/
  /*-webkit-transform: scale(1.2);*/
  /*-moz-transform: scale(1.2);*/
  /*-ms-transform: scale(1.2);*/
  /*-o-transform: scale(1.2);*/
  /*transform: scale(1.2);*/
/*}*/
.courseShow{
  display: flex;
  flex-direction:column;
  width:24%;
  /*border:1px solid #f5f5f5;*/
  padding:2%;
  cursor: pointer;
  /*border:1px solid red;*/
  margin-top:15px;
  background: white;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;

}
.courseShow :hover{

}

.courseText{
  display: flex;
  align-items: center;padding-top:4px;
  font-size: 16px;
  font-family: SimHei;
  background: white;
}
.coursetext{
  font-family: SimHei;
  font-size:16px;
  padding-top:3px;
  background: white;
  padding-left:2px;
}
.keyTeacher{
  font-family: SimHei;
  font-size:0.8em;
  padding-top:3px;
  padding-left:6px;
  color: #676767;


}
.cashNumContent{
  display: flex;padding-top:3px;
  justify-content: flex-start;
  background: white;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.cashNum{
  width:50%;
  display: none;
  font-family: Helvetica,"PingFang SC";
  font-size:14px;
  color: #fc4645;

}
.learnNum{
  font-family: Helvetica,"PingFang SC";
  font-size:14px;width:50%;
  color: #676767;
  text-align: start;
}
.learnNumText{
  font-family: SimHei;
}
.tabsTwo{
  background: white;
}

.bottomPage{
  background: white;
  display: flex;
  justify-content: center;align-items: center;
  padding-top:18px;
}
.pageRight{
  height:20px;
  width:20px;
}
.pageRightReverse{
  height:20px;
  width:20px;
  transform: rotate(180deg);
}
.pageText{
  /*width:20px; */
  font-family: Helvetica,"PingFang SC";
  color: #676767;
  /*margin-left:3px;*/
}
.pageTextDiv{
  width:30px;
  display: flex;
  justify-content: space-around;
}
.pageTextCli{
  font-family: Helvetica,"PingFang SC";
  color:white;
  background: #108ee9;
  width:20px;
  height:20px;
  text-align: center;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
